.header {
	background-color: #cc99ff;
	padding: 3px 3px 3px 10px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	text-shadow: 0px 0px 3px #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0px 2px 2px #000;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-box-shadow: 0px 2px 2px #000;
}
.container {
	padding: 10px;
	border: 1px solid #cc99ff;
	font-family: Verdana;
	font-size: 10px;
	-moz-box-shadow: 0px 2px 5px #888;
	box-shadow: 0px 2px 5px #888;
}

.simplecontainer {
	padding: 1px;
	border: 1px solid #cc99ff;
	-moz-box-shadow: 0px 2px 5px #888;
	box-shadow: 0px 2px 5px #888;

}

.button {
	background-color: #cc99ff;
	border: 1px solid #6a00ca;
	font-family: Verdana;
	font-size: 10px;
	margin: 2px;
	padding: 2px 5px 2px 5px;
	margin: 5px;
	box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	cursor: pointer;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.button:hover {
	background-color: #e4d6fe;
	border: 1px solid #cc99ff;
	font-family: Verdana;
	font-size: 10px;
	margin: 5px;
	padding: 2px 5px 2px 5px;
	box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	cursor: pointer;
}
.button:active {
	background-color: #9681bd;
	border: 1px solid #8080ff;
	font-family: Verdana;
	font-size: 10px;
	margin: 5px;
	padding: 2px 5px 2px 5px;
	box-shadow: -1px -1px 2px #000;
	-moz-box-shadow: -1px -1px 2px #000;
}
.inputLabel {
	width: 80px;
	display: inline-block;
	text-align: right;
}

.longInputLabel  {
	width: 150px;
	display: inline-block;
	text-align: right;
}

.description  {
	width: 400px;
	display: inline-block;
	text-align: left;
	color: #c1c1c1;
}

input {
	background-color: #FFF;
	border: 1px solid #6a00ca;
	font-family: Verdana;
	font-size: 10px;
	margin: 2px;
	padding: 2px 5px 2px 5px;
	margin: 5px;
	box-shadow: 3px 3px 5px #808080;
	-moz-box-shadow: 3px 3px 5px #808080;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

input[readonly] {
	background-color: #e5e5e5;
	border: 1px solid #C1C1C1;

}

.long {
	width:200px;
}

.longer {
	width:400px;
}

select {
	background-color: #FFF;
	border: 1px solid #6a00ca;
	font-family: Verdana;
	font-size: 10px;
	margin: 2px;
	padding: 2px 5px 2px 5px;
	margin: 5px;
	box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

textarea {
	vertical-align:middle;
	background-color: #FFF;
	border: 1px solid #6a00ca;
	font-family: Verdana;
	font-size: 10px;
	margin: 2px;
	padding: 2px 5px 2px 5px;
	margin: 5px;
	box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.largeCategory {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
	margin-top: 15px;
	border-bottom: 1px solid #6a00ca;
}
.smallCategory {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
	margin-top: 10px;
	border-bottom: 1px solid #808080;
}
.headerrow {
	background-color: #cc99ff;
	border-bottom: 1px solid #6A00CA;
	padding:0px;
	margin:0px;
}
.celloddrow {
	background-color: #f8f2fe;
	padding:0px;
	margin:0px;
}

.cellevenrow {
	background-color: #f3e6ff;
	padding:0px;
	margin:0px;
}

.celloddrow:hover {
	background-color:#fff;
	padding:0px;
	margin:0px;
	-moz-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
}

.cellevenrow:hover {
	background-color:#fff;
	padding:0px;
	margin:0px;
	-moz-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
}

table {
	padding: 0px;
	border: 1px solid #000;
	font-family: Verdana;
	font-size: 10px;
	-moz-box-shadow: 2px 2px 5px #888;
	box-shadow: 2px 2px 5px #888;
	border-collapse: collapse;
}

td {
	padding:3px 8px 3px 8px;
	border-right: #000 1px solid;
}

.breadcrumb {
	background-color: #cc99ff;
	padding: 2px 20px 2px 15px;
	
	-moz-border-radius: 1em 4em 1em 4em;
	border-radius: 1em 4em 1em 4em;
	
	-moz-box-shadow: -1px 1px 0px #000;
	box-shadow: -1px 1px 0px #000;
	margin-left:-15px;
	
}

.breadcrumb:hover {
	background-color: #E4D6FE;	
	padding: 2px 20px 2px 15px;
	
	-moz-border-radius: 1em 4em 1em 4em;
	border-radius: 1em 4em 1em 4em;
	
	-moz-box-shadow: -1px 1px 0px #000;
	box-shadow: -1px 1px 0px #000;
	
	margin-left:-15px;
	cursor: pointer;
}

.code {
	border:1px solid #000;
	font-family:monospace;
	font-size:11px;
	width:100%;	
	min-height:300px;
	overflow:auto;
}

.clickable {
    font-weight:normal;
    padding-left:10px;
    cursor:pointer;
}

.clickable:hover {
    font-weight:bold;
    padding-left:10px;
    cursor:pointer;
}